
<!--------------------------------------------------------------------------------------------------------------------
--------------------------------------------订单管理首页//////已废弃//////------------------------------------------------
---------------------------------------------------------------------------------------------------------------------->
<template>
  <div>
    <el-container>
      <!--顶部导航栏-->
      <el-header style="text-align:center">
        <h1>这是预留顶部导航栏</h1>
      </el-header>

      <!--中间主体部分-->
      <el-container class="layout-body">
        <!--主体左边下拉菜单-->
        <el-aside style="width: 220px">
            <!--收起按钮-->
            <el-switch
                v-model="value"
                inactive-text="收起" style="position:relative; right: 60px">
            </el-switch>

            <!--下拉菜单-->
            <el-menu router
                     unique-opened='true'
                     class="el-menu-vertical-demo"
                     :collapse="value">
              <el-submenu index="1">
                <template slot="title">
                  <i class="el-icon-shopping-bag-1"></i>
                  <span slot="title" style="padding-left: 0">订单管理</span>
                </template>
                <el-menu-item index="/admin/order/OrderListView">订单列表</el-menu-item>
                <el-menu-item index="/admin/order/AwaitSend">待发货</el-menu-item>
                <el-menu-item index="/order/dueIn">待签收</el-menu-item>
                <el-menu-item index="/order/Accomplish">已完成</el-menu-item>
              </el-submenu>

              <el-submenu index="2">
                <template slot="title">
                  <i class="el-icon-user-solid"></i>
                  <span slot="title">个人中心</span>
                </template>
                <el-menu-item index="2-1">喜欢的商品</el-menu-item>
                <el-menu-item index="2-2">消息通知</el-menu-item>
                <el-menu-item index="2-3">收货地址</el-menu-item>
                <el-menu-item index="2-4">优惠券</el-menu-item>
              </el-submenu>

              <el-submenu index="3">
                <template slot="title">
                  <i class="el-icon-headset"></i>
                  <span slot="title">售后中心</span>
                </template>
                <el-menu-item index="3-1">订单列表</el-menu-item>
                <el-menu-item index="3-2">退换申请</el-menu-item>
                <el-menu-item index="3-3">订单流程</el-menu-item>
                <el-menu-item index="3-4">已完成</el-menu-item>
              </el-submenu>

              <el-submenu index="4">
                <template slot="title">
                  <i class="el-icon-s-tools"></i>
                  <span slot="title">账户管理</span>
                </template>
                <el-menu-item index="4-1">个人信息</el-menu-item>
                <el-menu-item index="4-2">修改密码</el-menu-item>
                <el-menu-item index="4-3">注销服务</el-menu-item>
              </el-submenu>
            </el-menu>
          </el-aside>

          <!--主体右边显示信息部分-->
          <el-main>
            <router-view/>
          </el-main>
      </el-container>

      <!--底部信息栏-->
      <el-footer style="text-align:center;position:fixed;bottom: 0;right: 0;left: 0">
        <h1>这是预留底部信息栏</h1>
      </el-footer>
    </el-container>
  </div>
</template>

<style>
/*所有外边框为0*/
*{margin: 0}
.el-menu-vertical-demo:not(.el-menu--collapse) {
  width: 200px;
  min-height: 400px;
}
.layout-body{position: fixed;top: 60px;right: 0;bottom: 60px;left: 10px}
</style>

<script>
import axios from "axios";

export default {
  data() {
    return {
      value:false,
      string:"",
    };
  }
}
</script>
